<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习css</title>
		<style>
			/* 引入样式表 css2语法 */
			@import url(学习css.css);
			
			/* 内部样式表   效果
			所有P元素添加背景颜色：黄色
			选择器：抓取页面元素，统一添加
			*/
		   p{
			   background-color: yellow;
		   }
		</style>
	<link rel="stylesheet" href="学习css.css" />
	</head>
	<body>
		<!-- 文本元素：span文本元素 -->
		<span>今天</span>是周四，<span>明天</span>是周五，<span>后天</span>放假
		<!-- 一.什么是css?
		 Cascading style sheets  层叠样式表，级联样式表，简称样式表
		 【主要做元素效果
		 html5   元素   属性和属性值--针对单个元素做效果
		 css    控制任何元素 简洁，推荐使用css代替html元素中属性与属性值
		 】
		  功能：实现内容与表现分离【html结构   css样式层】
		 二.使用css3样式表【效果，布局】
		 1.内联【级联】样式表:写法与属性与属性值基本一致【不用】
		 2.内部样式表:在head元素中添加style元素，css3语法【练习专用】
		 3.外部样式表：在head元素中 link外链{项目专用}
		 4.引入样式表【css2】:在style元素中添加  @import()[不用]
		 三.css3基础语法
		 选择器{
			 属性：属性值；
		 }
		 重点：学习选择器使用--抓页面元素
		       css属性与属性值：边框，盒模型，浮动，文本元素样式，动画
		 -->
		<p align="center">lorem</p>
		<p align="center">lorem</p>
		<!-- 1.内联样式表语法:style="属性：属性值；属性：属性值" -->
		<p style="text-align: center;color: red;">lorem</p>
		<p align="center">lorem</p>
		<p align="center">lorem</p>
		 </body>
		 
		 
</html>